/*gobal elemtns*/
*{margin: 0; padding: 0;}
html,body{width: 100%; height: 100%;}
body{font-size: 14px; line-height: 1.5em; font-family: 微软雅黑,tahoma,arial,verdana,sans-serif;}
form ul li{float: left; list-style-type: none;}
a{color: #000;}
a:link{text-decoration: none; color: #FFF;}
a:visited{text-decoration: none;}
a:hover{text-decoration: underline;}
a:active{text-decoration: none;}
/*frame elements*/
.container{width: 760px; height: 100%; margin: 0 auto; clear: both; position: relative;}
.clearb{clear: both;}
.clearl{clear: left;}
.clearr{clear: right;}
.fl{float: left;}
.fr{float: right;}
.rsd{border-radius: 10px; -webkit-box-shadow: 0px 0px 5px #999; padding: 20px;}
.pipe{margin: 0 5px;}
.inner{padding: 20px;}
.inputfix{margin-top: -3px;}
.message{padding: 10px; border-radius: 5px; background-color: #D7EEF4; text-align: center;}
.now{border-bottom: 1px solid;}
/*header elements*/
#header{width: 100%; height: 120px; border-bottom: 2px solid #275b7d; margin-bottom: 20px; background: #2C89A0 url(../images/headerbg.png) right bottom no-repeat; color: #FFF;}
	#logo{width: 120px; height: 120px; position: absolute; left: -55px; background: transparent url(../images/logo.png) no-repeat;}
	#header h1{position: absolute; top: 30px; width: 180px; text-align: center; font-size: 42px; line-height: 42px; color: #FFF;}
	#header h2{position: absolute; top: 80px; width: 180px; text-align: center; font-size: 1em; line-height: 1em; font-weight: normal; color: #FFF;}
	#header a:link{color: #FFF;}
	#header a:visited{color: #FFF;}
	#header a:hover{color: #FFF;}
	/*#header img{width: 32px; height: 32px; margin: 0 10px -3px 0;}*/
	#nav{position: absolute; right: 40px; top: 30px; left: 200px;}
		#nav ul{margin: 0 10px;}
		#nav ul li{float: left; margin-right: 1em; list-style-type: none; font-size: 1.5em;}
		#nav a:hover{background-color: #FFF; color: #2C89A0;}
		#nav .now{border-bottom: 2px solid;}
	#searchbox{position: absolute; top: 80px; left: 200px; padding: 0 10px; /*border-bottom: 1px solid #666;*/ vertical-align: top;}
		#keywords{float:left; width: 100px; height: 14px; padding: 3px; border: 1px solid #FFF; border-top-left-radius: 5px 5px; border-bottom-left-radius: 5px 5px;}
		#searchbtn{float:left; width: 50px; height: 22px; border: 1px solid #FFF; border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px;  background-color: #F60; color:#FFF;}
	#login{position: absolute; top: 80px; right: 40px; padding: 0 10px 3px; /*border-bottom: 1px solid #666;*/}
		#login #usericon{float: left; margin-right: 5px;}
		/*#userbox{float: left; border: 1px solid; border-radius: 5px; padding: 5px; background-image: #FFF;}*/

/*main elements*/
#main{width: 100%; a}
	#main ul li{list-style-position: inside;}
	.content{float: left; width: 540px; margin-bottom: 20px; }
	#enter{height: 120px; border-radius: 10px; -webkit-box-shadow: 0px 0px 5px #999;}
		#enter ul{float: left; width: 155px; height: 120px; background: transparent url(../images/enterbg.png) no-repeat; font-size: 17px; color: #FFF;}
		#enter ul li{float: left; width: 20px; padding: 15px 13px 0; list-style-type: none; line-height: 1em; text-align: center;}
		#enter ul a{color: #FFF;}
		#enter ul a:hover{text-decoration: none; color: #EEE;}
		#enter em{font-size: 20px; display: block; margin-left: -1px; line-height: 1.25em; font-weight: bold; font-style: normal;}
		.info{position: relative; float: left; width: 345px; height: 80px; padding: 20px;}
		#lostinfo{background: transparent url(../images/infobg_dark.png) right no-repeat;}
		#foundinfo{display: none; background: transparent url(../images/infobg_normal.png) right no-repeat;}
		#articleinfo{display: none; background: transparent url(../images/infobg_light.png) right no-repeat;}
			.counter{text-align: right; font-size: 24px; padding-right: 20px; white-space: nowrap;}
			.counter span{font-size: 30px; font-weight: bold;}
			#postit{display: block; width: 100px; height: 20px; padding: 5px;
					font-size: 20px; line-height: 1em; text-align: center; color: #FFF;
					position: absolute; right: 50px; bottom: 20px; background-color: #F60;
					-webkit-box-shadow: 0px 0px 5px #CCC; border-radius: 5px;}
	#intro p{font-size: 16px;}
	#intro a{color: #000;}
	.sidebar{float: right; width: 200px; margin-left: 20px;}
		.bar{margin: 10px;}
		.bar h3{margin-bottom: 10px;}
		.bar ul{margin-left: 10px;}
		/*#tagcloud{margin: 10px;}*/
		#tagcloud ul li{float: left; margin-right: 10px;}
	#itembox{height: 280px; border-radius: 10px; background-color: #08A;}
		#itempage{width: 520px; height: 260px; margin: 10px;
				  border-radius: 10px; background: #FFF url(../images/itemboxbg.png) center no-repeat;}
		#itempage .page{float: left; position: relative; width: 200px; height: 200px; padding: 30px;}
		##itembox a{color: #000;}
		#itembox h3{font-size: 21px; line-height: 1em; text-align: center; margin-bottom: 10px;}
			#itemtab{text-align: center; line-height: 1em;}
		#itembox em{font-style: normal; color: #A00; font-weight: bold;}
		#itembox .itembox{width: 270px; height: 120px; margin-bottom: 10px; float: none; border: 1px solid;}
			#itemlist{margin: 10px; list-style-type: square;}
			#imgbox{width: 200px; height: 200px; border-radius: 10px; background-color: #EEE; position: relative;}
			#imenu{position: absolute; right: 30px; bottom: 10px; color: #FFF;}
				 #imenu li{float: left; list-style: none; font-size: 25px; cursor: pointer;}
		#itembox .more{float: right;}
	#article{width: 520px; height: 180px; padding: 10px; border-radius: 10px; padding-top: 10px;
			 background: #08A url(../images/articleicon.png) 15px 10px no-repeat;}
		#article h3{height: 30px; padding: 10px 0 0 70px; font-size: 21px; line-height: 1em; color: #FFF; font-weight: normal;}
		#article h3 a{color: #FFF;}
		#article .more{font-size: 14px;}
		#artlist{height: 100px; padding: 20px; border-radius: 10px; background-color: #FFF; border: none;}
		#artlist li{position: relative;}
		#artlist .title{color: #000;}
		#artlist .date{position: absolute; right: 0;}
		#artlist .recent{font-weight: bold;}
		 
/*footer elements*/
#footer{width: 100%; padding: 20px 0; background-color: #08A; color: #FFF;}
	#copyright{float: left;}
	#link{float: right;}
	
/*login*/
#loginform{margin: 10px; line-height: 2.5em;}
#loginform .fname{display: block; width: 3em; float: left;}
#loginform .labelCheckbox{margin-right: 10px;}
#loginform .star{margin-left: 5px; color: #F00;}
#loginform hr{margin: 5px 0; border: none; border-bottom: 1px dashed;}
#loginform lminput{}